<template>
    <el-table :data="items" border :header-cell-style="{'background-color':'#eaeaea'}">
        <el-table-column prop="goods" label="商品" >
            <template #default="{row}">
                <div class="d_flex">
                    <mi-image-v2 :src="row.goods_image" :size="24" class="mr10" />
                    <div>{{row.goods_title}}</div>
                </div>
            </template>
        </el-table-column>
        <el-table-column prop="price" label="单价" />
        <el-table-column prop="num" label="数量" />
        <el-table-column prop="pay_price" label="合计" />
    </el-table>
</template>

<script setup lang="ts">

const props = withDefaults(defineProps<{
    items?: any[]
}>(), {

})

</script>

<style scoped lang="scss">
.item_table{
    background-color: #000 !important;
}
</style>
